<style>
    #feedback { font-size: 1.4em; }
    #selectable .ui-selecting { background: #FECA40; }
    #selectable .ui-selected { background: #F39814; color: white; }
    #selectable { list-style-type: none; margin: 0; padding: 0;   }
    /*#selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }*/
</style>
    <!-- Cropping modal -->
    <div class="modal fade" id="ad_position_modal" aria-hidden="true" aria-labelledby="avatar-modal-label" role="dialog" tabindex="-1">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title" id="avatar-modal-label">{{trans("admin/message.ad_positon_edit_title")}}</h4>
            </div>


            <div class="modal-body"  style="max-height: 500px;overflow:auto">
                <!-- Crop and preview -->
                <form method="get" id="actionmodifyform" class="form-horizontal">

                    <input type="hidden" name="id" id="id">
                    <input type="hidden" name="positions" id="positions">


                    <div class="hr-line-dashed"></div>
                    <div class="form-group"><label class="col-sm-2 control-label">{{trans("admin/message.ad_positon_edit_key")}}</label>
                        <div class="col-sm-10" id="selectable">
                                    @for($i=0;$i<10;$i++)
                                            @for($j=0;$j<6;$j++)
                                                <div id="{{$i.'-'.$j}}" class="col-sm-2  " style="height: 50px;border: 1px solid red ">
                                                    {{$i.'-'.$j}}
                                                </div>
                                            @endfor
                                    @endfor

                        </div>
                    </div>

                    <div class="hr-line-dashed"></div>
                    <div class="form-group"><label class="col-sm-2 control-label">{{trans("admin/message.ad_position_edit_name")}}</label>
                        <div class="col-sm-10"><input  class="form-control" id="name" name="name"  > </div>
                    </div>

                    <div class="hr-line-dashed"></div>
                    <div class="form-group"><label class="col-sm-2 control-label">{{trans("admin/message.ad_position_edit_desc")}}</label>
                        <div class="col-sm-10"><textarea  class="form-control" id="desc" name="desc" rows="5"></textarea> </div>
                    </div>

                </form>
            </div>


          <div class="modal-footer">
              <button type="button" class="btn btn-primary" onclick="admin_ad_position_list.submit()" >{{trans("admin/message.submit")}}</button>
          </div>

        </div>
      </div>
    </div>